.content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.top-bg{
	width: 100%;
	height: 150px;
	background-color: #397AFF;
	/* background-image: url('../../static/doctor.png'); */
	text-align: center;
	padding-top: 35px;
}

.top-bg .top-title{
	font-size: 20px;
	color: white;
	
}

/**/

.main_body{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: -70px;
	align-items: center;
}

.main_body .top-card{
	
	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 120rpx;
	grid-template-rows: 200rpx;
	grid-gap: 10px;
	
}
.main_body .top-card view{
	
	display: flex;
	align-self: center;
	justify-content: center;
}
.main_body .top-card view:nth-child(1){
	grid-area: 1/1/2/4;	
	
}
.main_body .top-card view:nth-child(1) image{
	width: 200rpx;
	
}
.info-list{
	margin-left: 10px;
	width: 100%;
	font-size: 30rpx;
	
	display: flex;	
	flex-direction: column;
	gap: 10px;
}

.main_body .top-card view:nth-child(2){
	grid-area: 1/4/2/5;
	
}


.main_body .top-card .user-info{
	
	width: 100%;
	
	position: relative;
	margin-top: 10px;
	
	/* border-bottom: #E5E5E5 1px solid; */
}

/* 用户信息自定义下边框 */
.main_body .top-card .user-info::after{
	content: '';
	width:90%;
	height: 1px;
	display: block;
	margin: 0 auto;
	margin-top:50px;
	border-bottom: 1px solid #E5E5E5;
}

.user-info image{
	width: 70px;
	height: 70px;
	left: 20px;
	position: absolute;
}
.user-info view{
	position: relative;
	margin-left: 110px;
	top: 15px;
}
.user-info view:nth-child(2){
	font-size: 16px;
	font-weight: 500;
}
.user-info view:nth-child(3){
	font-size: 13px;
	margin-top: 8px;
	color: #BBBBBB;
}
.user-info view:nth-child(4){
	position: absolute;
	
}
.user-score-number{
	font-size: 15px;
	color: #BBBBBB;
	margin-bottom: 4px;
	padding-left: 4px;
}



.main_body .top-card .user-score{
	
	display: flex;
	flex-direction: row;
	justify-content:space-around;
	align-items: center;
	font-size: 20px;
}
.user-score .point::before{
	content: '';
	padding-left: 12px;
}


.main_body .middle-card{
	display: flex;
	flex-direction: column;
	
}

.middle-item{
	width: 100%;
	height: 124rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.middle-item .item-left{
	padding: 0 30rpx;
	
}
.middle-item .item-right{
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-right: 30rpx;
	height: 100%;
	width: 100%;
	align-items: center;
	font-weight: bold;
	
}



.bottom_button{
	display: flex;
	flex-direction: column;
	width: 85%;
	height: 90px;
	text-align: center;
	font-size: 15px;
	justify-content: space-around;
}
.bottom_button text{
	color: #397AFF;
	padding-left: 5px;
}


/*  */
.card-type{
	width: 90%;
	
	background-color: white;
	margin-bottom: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 9px 0px rgb(129 128 128 / 20%);
}



.avatar {
    width: 120rpx;
    height: 120rpx;
    border-radius: 180rpx;
	background-color: aqua;
}